<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
{include file="common/pub_style" /}
<style type="text/css">
.q-mt-md {margin-top: 16px;}
.text-body2 {font-size: .875rem; font-weight: 400; letter-spacing: .01786em; line-height: 1.25rem;}
.text-caption {font-size: .75rem; font-weight: 400; letter-spacing: .03333em; line-height: 1.25rem;}
.text-h6 {font-size: 1.25rem; font-weight: 500; letter-spacing: .0125em; line-height: 2rem;}
.text-body1 {font-size: 1rem; font-weight: 400; letter-spacing: .03125em; line-height: 1.5rem;}
.q-py-xs {padding-bottom: 4px; padding-top: 4px;}
.cate .item {padding: 9px;	flex: 1}
.cate .icon {width: 60px; margin: 0 auto;}
.table>tbody>tr>td {border: none;}
.partner-logo {flex-wrap: wrap;}
.partner-logo .partner-img {border: 0.5px solid #E6E9EB; box-sizing: border-box; margin:10px;}
@media screen and (max-width: 750px) {
   .partner-logo .partner-img {border: 0.5px solid #E6E9EB; box-sizing: border-box; margin: 2px;  width:32%}
}
.partner-logo img {width: 100%}
.links {background: #232323; padding: 15px;}
.links a {color: #fff; font-size: 16px;}
.links .list-item  {flex-wrap: wrap;}
.links .list-item .item {padding: 20px; flex: 1}
.links .list-item .item .title {color: #C0A161; font-size: 18px;}
.layui-layer-title {background: #7670d9; color:#fff;}
.layui-layer-dialog .layui-layer-content {background: linear-gradient(270deg,#1e2534,#0c1a37); color: #fff}
.layui-layer-btn {background: linear-gradient(270deg,#1e2534,#0c1a37);}
.listdate {background: #efefef; margin: 5px 0px 5px 0px; padding: 10px; border-radius: 10px;}
.listdate .btndate {background: #fff; margin: 7px; padding: 3px 18px 3px 18px; border-radius: 5px;}
.listdate .sel {background: #b9bfed; color: #0734b9;}
.vip-item .rate2num {font-style: normal;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$(".btnupgrade").click(function(){
            var id = $(this).data('id');
            var layer1 = layer.open({
              title: "{$Think.lang.input_enter_paypwd_tips}",
              content: '<input type="password" id="paypwd" class="form-control" placeholder="{$Think.lang.input_enter_paypwd_tips}" style="border: 1px solid #ccc; color: #fff"/>',
              btn:["{$Think.lang.btn_submit}","{$Think.lang.btn_cancel}"],
              yes: function(index, layero){
                  var paypwd = $('body').find('#paypwd').val();
                  $.ajax({
                    type: "POST",
                    url: "{:url('upgrade')}",
                    dataType: "json",
                    data:{
                        id : id,
                        paypwd : paypwd
                    },
                    success : function(result) {
                    	//console.log(result);
                        layer.close(layer1);
                        if (result.code == 99) {

                        }
                        else
                          layer.msg(result.msg);
                    },
                    error : function(e){
                        console.log(e.status);
                        console.log(e.responseText);
                    }
                });
              },
              btn2: function(index, layero){
                  
              }
            })
		})
		$(".btndate").click(function(){
			 $(".btndate").removeClass("sel");
			 $(this).addClass("sel");
			 $(".rate1num").html($(this).attr("data-rate1"));
			 $(".rate2num").html($(this).attr("data-rate2"));
		})
	})
</script>
</head>
<body>
	
	<div class="">
	 <div class="pd20">
		<div class="q-card bg-card text-white pd20">
			<div class="q-card__section q-card__section--vert">
				<div class="text-body2 align-center  flex-between flex">
					<div style="letter-spacing: 2px;">
						Hi,
						<span class="q-ml-xs">{$member.user_name}</span>
					</div>
					<div style="letter-spacing: 2px;">
						<span>{eq name="member.role_id" value="0"}{$Think.lang.ordinary_member}{else/}{$member.role_name}{/eq}</span>
					</div>
				</div>
				<div class="q-mt-md tc">
					<div class="text-caption">{$Think.lang.available_balance}</div>
					<div class="text-h6 q-mr-sm">
						{$member.money}
						<span class="text-body1">USDT</span>
					</div>
				</div>
				<div class="align-center q-py-xs flex-between flex">
					<div>
						<div class="text-caption">{$Think.lang.daily_receive}</div>
						<div class="text-body1">
							{$member.daily_pay|default=0}
							<span class="text-body2">USDT</span>
						</div>
					</div>
					<div>
						<div class="text-caption">{$Think.lang.monthly_receive}</div>
						<div class="text-body1">
							{$member.month_pay|default=0}
							<span class="text-body2">USDT</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	<div class="cate">
			<div class="flex flex-center flex-row">
				<div class="item tc">
					<div class='icon'>
						<a href="{:url('Recharge/index')}">
							<img src="__PUBLIC__/image/deposit_icon.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="{:url('Recharge/index')}">{$Think.lang.label_recharge}</a>
					</div>
					</a>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="{:url('Withdraw/index')}">
							<img src="__PUBLIC__/image/withdraw_icon.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="{:url('Withdraw/index')}">{$Think.lang.label_withdraw}</a>
					</div>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="{:url('Order/index')}">
							<img src="__PUBLIC__/image/transfer_icon.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="{:url('Order/index')}">{$Think.lang.label_member_transfer}</a>
					</div>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="{:url('Member/upgrade')}">
							<img src="__PUBLIC__/image/viplevel_icon.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="{:url('Member/upgrade')}">{$Think.lang.label_member_upgrade}</a>
					</div>
				</div>
			<!--	<div class="item tc">
					<div class='icon'>
						<a href="javascript:void(0)" class="btnupgrade">
							<img src="__PUBLIC__/image/h5_sf.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="javascript:void(0)" class="btnupgrade">{$Think.lang.label_member_rate1}</a>
					</div>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="javascript:void(0)" class="btnupgrade">
							<img src="__PUBLIC__/image/h5_autoinvest.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="javascript:void(0)" class="btnupgrade">{$Think.lang.label_member_rate2}</a>
					</div>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="javascript:void(0)" class="btnupgrade">
							<img src="__PUBLIC__/image/h5_dual.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="javascript:void(0)" class="btnupgrade">{$Think.lang.label_member_rate3}</a>
					</div>
				</div>
				<div class="item tc">
					<div class='icon'>
						<a href="javascript:void(0)" class="btnupgrade">
							<img src="__PUBLIC__/image/h5_lend.png" class='img'>
						</a>
					</div>
					<div class='title'>
						<a href="javascript:void(0)" class="btnupgrade">{$Think.lang.label_member_rate4}</a>
					</div>-->
				</div>
			</div>
		</div>
		
	 	    <div class="list-vip">		   
		   <div class="vip-item">
		      <div class="hd"><img src="__PUBLIC__/image/icons8-tether-48.png" style="width: 30px;">{$Think.lang.rate_title}</div>
		      <div class="bd">
		        <div class="flex flex-between">
		          <div class="rate1"><span class="num rate1num" style="color: rgb(233 58 61);">{$rate[0]['rate1']}</span><span class="title">{$Think.lang.rate1_title}</span></div>
		          <div class="rate2"><span class="num"><i class='rate2num'>{$rate[0]['rate2']}</i>{$Think.lang.day}</span><span class="title">{$Think.lang.rate2_title}</span></div>
		        </div>
		        <div class="flex listdate flex-row">
		          {volist name="rate" id="vo"}
		          <div class="btndate {eq name='key' value='0'}sel{/eq}" data-rate1="{$vo.rate1}" data-rate2="{$vo.rate2}">{$vo.rate2}</div>
		          {/volist}
		        </div>
		        <div class="flex flex-between align-center">{$Think.lang.limit_rate_usdt}<div class="btn btnupgrade">{$Think.lang.btn_rate}</div></div>
		      </div>
		   </div>
		   
		</div>
		<div class="">
		   <div class='pd20'>
			   <span style="color: #009393;">{$Think.lang.partner|raw}<br><br></span>
			   <div class="partner-logo  flex flex-between">
			     <div class="partner-img"><a href="https://poloniex.com/"><img src="__PUBLIC__/image/1.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.bitfinex.com/"><img src="__PUBLIC__/image/2.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.binance.com/en"><img src="__PUBLIC__/image/3.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.huobi.com/"><img src="__PUBLIC__/image/4.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.okcoin.com/"><img src="__PUBLIC__/image/5.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.kucoin.com/"><img src="__PUBLIC__/image/6.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.okex.com/"><img src="__PUBLIC__/image/7.jpg"></a></div>
			     <div class="partner-img"><a href="https://ftx.com/"><img src="__PUBLIC__/image/8.jpg"></a></div>
			     <div class="partner-img"><a href="https://m.biki.com/"><img src="__PUBLIC__/image/9.jpg"></a></div>
			   </div>
			</div>
		</div>
		<div class="bottomTable list-record">
		    <h5 class="title text-white flex"><div class="square_icon"></div>{$Think.lang.rolling_tips}</h5>
		    {volist name="roll" id="vo"}
		    <div class="item flex align-center pd20">
		      <div class="col1">{eq name="vo.type" value="$Think.lang.withdraw"}<img src="__PUBLIC__/image/records2.png" class="img">{/eq}{eq name="vo.type" value="$Think.lang.recharge"}<img src="__PUBLIC__/image/records1.png" class="img">{/eq}</div>
		      <div class="col2"><span>{$vo.user_name}</span><span>{$vo.type}</span></div>
		      <div class="col3"><span><i class="money">{$vo.money}</i> USDT</span><span class="dtime">{$vo.create_time|date='Y-m-d'}</span></div>
		    </div>
		    {/volist}
		</div>
		
		</div>
		<!--<div class="">
		   <div class='pd20'>
			   <span style="color: #009393;">{$Think.lang.partner|raw}<br><br></span>
			   <div class="partner-logo  flex flex-between">
			     <div class="partner-img"><a href="https://poloniex.com/"><img src="__PUBLIC__/image/1.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.bitfinex.com/"><img src="__PUBLIC__/image/2.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.binance.com/en"><img src="__PUBLIC__/image/3.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.huobi.com/"><img src="__PUBLIC__/image/4.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.okcoin.com/"><img src="__PUBLIC__/image/5.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.kucoin.com/"><img src="__PUBLIC__/image/6.jpg"></a></div>
			     <div class="partner-img"><a href="https://www.okex.com/"><img src="__PUBLIC__/image/7.jpg"></a></div>
			     <div class="partner-img"><a href="https://ftx.com/"><img src="__PUBLIC__/image/8.jpg"></a></div>
			     <div class="partner-img"><a href="https://m.biki.com/"><img src="__PUBLIC__/image/9.jpg"></a></div>
			   </div>
			</div>
		</div>-->
		<div style="height: 40px"></div>
	</div>
	{include file="common/footer_bar" /}
	{include file="common/footer" /}
</body>
</html>